let colorItem =  ()=> Math.round(Math.random() * 160);
export  interface TypeItem {
    name: String,
    value: Number,
    // Style of single text
    textStyle:any
}
export let texts = [{
    name: 'JavaScript',
    value: 1,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
},
{
    name: 'HTML',
    value: 2,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
},{
    name: 'CSS',
    value:3,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
},{
    name: 'TypeScript',
    value: 4,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
},{
    name: 'NodeJS',
    value:5,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
},{
    name: 'UniApp',
    value: 6,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
},{
    name: 'Rollup',
    value: 7,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
},{
    name: 'PHP',
    value:8,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
},{
    name: 'MySql',
    value:9,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
},{
    name: 'MongoDB',
    value: 10,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
},{
    name: 'React',
    value: 11,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
},{
    name: 'Vue',
    value: 12,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
},{
    name: 'Vite',
    value: 13,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
},{
    name: 'Webpack',
    value: 14,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
},{
    name: '小程序',
    value: 15,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
}
,{
    name: 'MpVue',
    value: 16,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
}
,{
    name: '云开发',
    value: 17,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
}
,{
    name: 'Jquery',
    value: 18,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
}
,{
    name: 'BootStrap',
    value: 19,
    // Style of single text
    textStyle: {
        color:`rgb(${colorItem()},${colorItem()},${colorItem()})`
    }
}
]